<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 梦学谷账单管理系统</title>
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body class="login_bg">
    <section class="loginBox">
        <header class="loginHeader">
            <h1>梦学谷账单管理系统</h1>
        </header>
        <section class="loginCont">
			<!--<div style="color:red; margin-left: 130px">用户名错误！</div>-->

            <!--loginUser-->
            <div th:if="${not #strings.isEmpty(message)}" th:text="${message}" style="color:red; margin-left: 130px">用户名错误！</div>
            <!--
                js:
                  var formValue = document.getElementByName("abc")

                <form name="abc" action="xxxxx/xxx/xxx"   method="post/get">
                    uname: <input type="test" name="username"/>
                    <input type=submit value="submit"/>
                </form>
            -->
            <form class="loginForm" th:action="@{/login}" th:method="post" action="../main/index.html">
				
                <div class="inputbox">
                    <label for="user">Username</label>
                    <input id="user" type="text" name="username"  required/>
                </div>
                <div class="inputbox">
                    <label for="mima">Password</label>
                    <input id="mima" type="password" name="password"  required/>
                </div>
				<div class="subBtn">
						<input type="checkbox"> Remember Me
                </div>
				<br/>
                <div class="subBtn">
                    <input type="submit" value="Sign" />
                    <input type="reset" value="Reset"/>
                </div>
				<br/>
				<div style="margin-left: 100px;">
                    <a href="#">中文</a>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="">English</a>
                </div>
            </form>
        </section>
    </section>
</body>
</html>